<style >
    .page {
        text-align: right;margin-top: 10px
    }
    .layout{
        background: #f5f7f9;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
    }
    .demo-spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }
    .demo-spin-col{
        height: 100px;
        position: relative;
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .layout-logo{
        width: 110px;
        height: 30px;
        background: #5b6270;
        border-radius: 3px;
        float: left;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .layout-nav{
        width: 420px;
        margin: 0 auto;
        margin-right: 20px;
    }
    .layout-footer-center{
        text-align: center;
    }
    .content{
        height: auto;
        background-color:white;
        padding-left: 30px;
        padding-right: 30px;
    }
    .items{
        height:40px;
        line-height:40px
    }
    .info{
        height: auto;
        background-color:#F8F8FF;
        padding-left: 70px;
        padding-right: 70px;
    }
    .header{
        height: 40px;
        background-color: white;
        line-height: 40px;
        border-bottom: 1px solid orangered;
    }
    .info-middle{
        height: 300px;
        background-color: #F8F8FF;
        padding-left: 70px;
        padding-right: 70px;
        padding-bottom: 15px;
    }
    .titles{
        height: 35px;
        background-color: black;
        line-height: 35px;
        font-size: 1rem;
        color: white;
        padding-left: 10px;
    }
    .nopadding .ivu-table-cell {
        padding: 0px 0px;
    }
    .head_btn {
        height:45px;
        line-height:45px;
        width: 130px;
        float: left;
        margin-right: 20px;
    }
    .subsidy-img {
        height: 140px;
        width: 120px;
        position: absolute;
        right: 8%;
        top: 11%;
    }
    .red_color {
        color: red;
        font-size: 15px;
    }
    .centerimg {
        text-align: center;
    }
    .pre_img_style {
        height:500px;
        width:auto;
        max-width: 500px;
    }
</style>

<template>
    <div>
        <Tabs value="name1" @on-click="changeTab" v-model="tab_index">
            <TabPane :label="'全部'" name="" >
               <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker  v-model="dateTime" type="daterange" placement="bottom-end" placeholder="" style="width: 200px" @on-ok="show3()"></DatePicker>
                <Button type="primary" style="margin-left: 20px"  @click="all('search')"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'街道待审核'" name="7" >
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'街道已通过'" name="1">
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'街道已驳回'" name="2">
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'残联已通过'" name="8">
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'残联已驳回'" name="9">
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'民政已通过'" name="3">
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
            <TabPane :label="'民政已驳回'" name="4">
                <span style="margin-left: 20px">申请人：</span> <Input v-model="searchDate.name" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">业务编号：</span><Input v-model="searchDate.code" placeholder="" style="width: 200px" />
                <span style="margin-left: 20px">申请时间：</span>  <DatePicker type="daterange" v-model="dateTime" placement="bottom-end" placeholder="" style="width: 200px"></DatePicker>
                <Button type="primary" style="margin-left: 20px"><Icon type="ios-search" />搜索</Button>
                <div style="margin-top: 20px">
                    <Table border :columns="columns1" :data="data6">
                        <template slot-scope="{ row }" slot="check_state">
                            <strong  v-if="row.check_state == '1'" style="color: red">已超时</strong>
                            <strong  v-else>未超时</strong>
                        </template>
                    </Table>
                </div>
                <div  class="page">
                    <Page :total="totalnum" :current="currentPageNo" :page-size="currentPageSize" @on-change="change" class="page_style"/>
                </div>
            </TabPane>
        </Tabs>
        <Modal v-model="modal1" title="详情" width="1100">
            <div class="content">
                <div class="header">
                    <span style="font-size: 20px;color: coral;">01 事项信息</span>
                </div>
                <div class="info">
                    <div class="items">
                        <div style="width:35%;float:left">
                            <span>事项名称：</span><span>{{itemData.title}}</span>
                        </div>
                        <div style="width:35%;float:left">
                            <span>事项编码：</span><span>{{itemData.item_id}}</span>
                        </div>
                        <div style="width:30%;float:left">
                            <span>联系电话: </span><span>{{itemData.LINK_TEL}}</span>
                        </div>
                    </div>
                    <div class="items">
                        <div style="width:35%;float:left">
                            <span>所属部门：</span><span>{{itemData.jdjg}}</span>
                        </div>
                        <div style="width:35%;;float:left">
                            <span>是否收费：</span><span>{{itemData.CHARGE_FLAG=='0'?'不收费':'收费'}}</span>
                        </div>
                    </div>
                    <div class="items">
                        <div style="width:35%;float:left">
                            <span>承诺期限：</span><span>{{itemData.PROMISE_DAY}}天</span>
                        </div>
                        <div style="width:60%;float:left">
                            <span>办理时间：</span><span>{{itemData.ACCEPT_TIME}}</span>
                        </div>
                    </div>
                    <div class="items">
                        <div style="width:100%;float:left">
                            <span>受理条件：</span><span>{{itemData.APPLY_CONDITION}}</span>
                        </div>
                    </div>
                    <div class="items">
                        <div style="width:100%;float:left">
                            <span>补充说明：</span><span>{{itemData.SXSM}}</span>
                        </div>
                    </div>
                    <div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
                </div>
                <div class="header">
                    <span style="font-size: 20px;color: coral;">02 个人信息</span>
                </div>
                <div class="info-middle">
                    <div style="width:100%;float:left">
                        <Form ref="personinfo" :model="personinfo" :label-width="110" style="margin-top:10px">
                            <Row class="mb20">
                                <Col span="3" class="ivu-form-item-label">申请人类型：</Col>
                                <Col span="8" class="ivu-form-item-content">
                                    <RadioGroup v-model="formItem.radio">
                                        <Radio label="male">个人</Radio>
                                    </RadioGroup>
                                </Col>
                                <Col span="4" offset="2" class="ivu-form-item-label">申请人：</Col>
                                <Col span="7" class="ivu-form-item-content">{{personinfo.name}}</Col>
                            </Row>
                            <Row class="mb20">
                                <Col span="3" class="ivu-form-item-label">证件类型：</Col>
                                <Col span="8" class="ivu-form-item-content">{{personinfo.type}}</Col>
                                <Col span="4" offset="2" class="ivu-form-item-label">联系电话：</Col>
                                <Col span="7" class="ivu-form-item-content">{{personinfo.mobile}}</Col>
                            </Row>
                            <Row class="mb20">
                                <Col span="3" class="ivu-form-item-label">证件编号：</Col>
                                <Col span="8" class="ivu-form-item-content">{{personinfo.cardno}}</Col>
                                <Col span="4" offset="2" class="ivu-form-item-label">性别：</Col>
                                <Col span="7" class="ivu-form-item-content">{{personinfo.sex}}</Col>
                            </Row>
                            <Row class="mb20">
                                <Col span="3" class="ivu-form-item-label">民族：</Col>
                                <Col span="8" class="ivu-form-item-content">{{personinfo.folk}}</Col>
                                <Col span="4" offset="2" class="ivu-form-item-label">生日：</Col>
                                <Col span="7" class="ivu-form-item-content">{{personinfo.birthday}}</Col>
                            </Row>
                            <Row class="mb20">
                                <Col span="3" class="ivu-form-item-label">地址：</Col>
                                <Col span="8" class="ivu-form-item-content">{{personinfo.domicile_address}}</Col>
                                <Col span="4" offset="2" class="ivu-form-item-label">政治面貌：</Col>
                                <Col span="7" class="ivu-form-item-content">{{personinfo.political_outlook}}</Col>
                            </Row>
                        </Form>
                    </div>
                </div>
                <div class="header">
                    <span style="font-size: 20px;color: coral;">03 申报材料{{seeStateArr[0]}}</span>
                </div>
                <div style="height: auto; background-color: #F8F8FF;">
                    <Table v-if="!formItem.reloadTabel" border :columns="columns7" :data="documentlist"></Table>
                </div>
                <div class="header">
                    <span style="font-size: 20px;color: coral;">04 核对信息</span>
                </div>
                <div>
                    <div class="info">
                        <div class="items">
                            <Row class="">
                                <Col span="4" class="ivu-form-item-label" style="text-align: right">户籍情况：</Col>
                                <Col span="3" class="ivu-form-item-label">{{register}}</Col>
                                <Col span="5" offset="7" class="ivu-form-item-label" style="text-align: right">是否为低保户：</Col>
                                <Col span="3" class="ivu-form-item-label">{{lowIncomePerson}}</Col>
                            </Row>
                            <Row class="">
                                <Col span="4" class="ivu-form-item-label" style="text-align: right" v-if="order_state == '3' || order_state == '9' || order_state == '6' || order_state == '5'">残疾类别：</Col>
                                <Col span="3" class="ivu-form-item-label" v-if="order_state == '3' || order_state == '9' || order_state == '6' || order_state == '5'">{{disabledPerson}}</Col>
                                <Col span="5" offset="7" class="ivu-form-item-label" style="text-align: right" v-if="disabledPerson != '非残疾人' && (order_state == '3' || order_state == '9' || order_state == '6' || order_state == '5')">残疾等级：</Col>
                                <Col span="3" class="ivu-form-item-label" v-if="disabledPerson != '非残疾人' && (order_state == '3' || order_state == '9' || order_state == '6' || order_state == '5')">{{disabledLevel}}</Col>
                            </Row>
                            <Row class="">
                                <Col span="4" class="ivu-form-item-label" style="text-align: right">殡葬情况：</Col>
                                <Col span="3" class="ivu-form-item-label">{{dead}}</Col>
                                <Col span="5" offset="7" class="ivu-form-item-label" style="text-align: right">孤儿情况：</Col>
                                <Col span="3" class="ivu-form-item-label">{{orphan}}</Col>
                            </Row>
                            <Row class="">
                                <Col span="4" class="ivu-form-item-label" style="text-align: right">工伤情况：</Col>
                                <Col span="3" class="ivu-form-item-label">{{injuryOnJob}}</Col>
                                <Col span="5" offset="7" class="ivu-form-item-label" style="text-align: right">特困情况：</Col>
                                <Col span="4" class="ivu-form-item-label">{{povertyStricken}}</Col>
                            </Row>
                            <Row class="">
                                <Col span="4" class="ivu-form-item-label" style="text-align: right" v-if="order_state == '8'">通过原因：</Col>
                                <Col span="8" class="ivu-form-item-label" v-if="order_state == '8'">{{itemData.APPLY_CONDITION}}</Col>
                            </Row>
                            <Row class="">
                                <Col span="4" class="ivu-form-item-label" style="text-align: right" v-if="order_state == '5' || order_state == '9'">驳回原因：</Col>
                                <Col span="3" class="ivu-form-item-label" v-if="order_state == '5' || order_state == '9'">{{itemData.disability_refuse_reason}}</Col>
                            </Row>
                        </div>
<!--                        <div class="items" v-if="order_state == '8'">-->
<!--                            <div style="width:100%;float:left">-->
<!--                                <span>通过原因：</span><span>{{itemData.APPLY_CONDITION}}</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="items" v-if="order_state == '5' || order_state == '9'">-->
<!--                            <div style="width:100%;float:left">-->
<!--                                <span>驳回原因：</span><span>{{itemData.disability_refuse_reason}}</span>-->
<!--                            </div>-->
<!--                        </div>-->
                        <div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
                    </div>
                </div>
            </div>
            <div slot="footer">
                <Button type="success" size="large" :loading="modal_loading" v-if="order_state == '7'" @click="pass()">通过</Button>
                <Button type="error" size="large" :loading="modal_loading" v-if="order_state == '7'" @click="reject">驳回</Button>
                <Button :loading="modal_loading" @click="modal1 = false">关闭</Button>
            </div>
        </Modal>
        <!-- 图片查看模态框 -->
        <Modal v-model="picPreviewMol.preShow" :closable="false" :styles="{top: '20px'}" width="532">
            <Carousel v-model="picPreviewMol.picIndex" style="width:500px" dots="outside" trigger="hover">
                <CarouselItem class="centerimg" v-for="(imginfo, index) in picPreviewMol.pic_urls" :key="index">
                    <img :src="imginfo" class="pre_img_style" />
                </CarouselItem>
            </Carousel>
            <div slot="footer" style="text-align: center">
                <Button type="info" @click="originalGraph">查看原图</Button>
                <Button type="error" v-if="formItem.operation" @click="deletePic">删除当前照片</Button>
                <Button @click="picPreviewMol.preShow=false">关闭</Button>
            </div>
        </Modal>
        <!--残疾人补贴模态框-->
        <Modal v-model="formItem.itemSubsidyFormShow" :title="formItem.itemSubsidyFormTitle"
               width="1000" :closable="false">
            <Form label-position="right" :label-width="100" style="position: relative;">
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">姓名：</Col>
                    <Col span="5" class="ivu-form-item-content">
                        <Input v-model="formItem.itemInfoForm.name" ></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">性别：</Col>
                    <Col span="5" class="ivu-form-item-content">
                        <Input v-model="formItem.itemInfoForm.sex" ></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">年龄：</Col>
                    <Col span="5" class="ivu-form-item-content">
                        <Input v-model="formItem.itemInfoForm.age" ></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">残疾类别：</Col>
                    <Col span="5" class="ivu-form-item-content">
                        <Input v-model="formItem.itemInfoForm.disabled_categories" ></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">等级：</Col>
                    <Col span="5" class="ivu-form-item-content">
                        <Input v-model="formItem.itemInfoForm.level" ></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">社区(村)：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.street" ></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">联系电话：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.phone"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">残疾人证号：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.disable_ID_No" ></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">监护人：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.guardian"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">监护人联系电话：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.guardian_phone"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">月工资：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.month_money"></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">户籍地址：</Col>
                    <Col span="13">
                        <Input v-model="formItem.itemInfoForm.address"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">户籍性质：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.hkxz"></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">低保(边缘)户证号：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.low_income_No"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">发证时间：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.issuing_time" ></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">申请时间：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.apply_date"></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">银行：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.bank_name"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">银行账户名：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.bank_peoplename"></Input>
                    </Col>
                    <Col span="3" class="ivu-form-item-label">银行卡号：</Col>
                    <Col span="5">
                        <Input v-model="formItem.itemInfoForm.bank_cardno"></Input>
                    </Col>
                </Row>
                <Row class="mb20">
                    <Col span="3" class="ivu-form-item-label">补贴对象：</Col>
                    <Col span="2" style="margin-top: 7px" v-if="itemData.item_id == '11210101000000MZJD5212000207000'">低保残疾人</Col>
                    <Col span="3" style="margin-top: 7px" v-if="itemData.item_id == '11210101000000MZJD5212000207000'">低保边缘残疾人</Col>
                    <Col span="5" style="margin-top: 7px" v-if="itemData.item_id == '11210101000000MZJD5212000216000'">重度残疾人</Col>
                    <Col span="3" class="ivu-form-item-label">补贴类型：</Col>
                    <Col span="5" style="margin-top: 7px" v-if="itemData.item_id =='11210101000000MZJD5212000207000'">生活补贴</Col>
                    <Col span="5" style="margin-top: 7px" v-if="itemData.item_id == '11210101000000MZJD5212000216000'">护理补贴</Col>
                    <Col span="3" class="ivu-form-item-label" v-if="itemData.item_id == '11210101000000MZJD5212000207000'">生活补贴申请资金：</Col>
                    <Col span="2" style="margin-top: 7px" v-if="itemData.item_id == '11210101000000MZJD5212000207000'">¥100</Col>
                    <Col span="3" class="ivu-form-item-label" v-if="itemData.item_id == '11210101000000MZJD5212000216000'">护理补贴申请资金：</Col>
                    <Col span="2" style="margin-top: 7px" v-if="itemData.item_id == '11210101000000MZJD5212000216000'">¥80</Col>
                </Row>
            </Form>
<!--                <img :src="nophoto" alt="..." class="subsidy-img">-->
        </Modal>
        <Modal v-model="modal5" title="拒绝原因" @on-ok="saveReject()" @on-cancel="cancel">
            <Row>
                <Col span="2" offset="4">原因</Col>
                <Col span="15">
                    <Input v-model="value6" type="textarea" :rows="2" />
                </Col>
            </Row>
        </Modal>
        <Modal v-model="modal6" title="拒绝原因" @on-ok="rejectMj()" @on-cancel="cancel">
                <span>原因：</span>
                <Input v-model="value6" type="textarea" style="width: 400px" />
            </Modal>
    </div>
</template>

<script>
import { date2str, getAssistanceInfo, getstreelist, eventInfo, getFuneralInfo, getuserinfobycardno, findCanlian, streetAgree, stateRefuse, updateMzStreetAgree, mzStreetRefuse, getRegisterInfo, getOrphanByCard, getDifficultyByCard, getOccupationalInfo } from '@/api/stree'
// import { findRegisterInfo, findOrphanByCard } from '@/libs/util'
export default {
  data () {
    return {
      order_check_state: '',
      injuryOnJob: '', // 工伤
      povertyStricken: '', // 特困
      orphan: '', // 孤儿
      agreeFlag: true,
      seeStateArr: [],
      order_state: '',
      order_code: '',
      disabledPerson: '',
      dead: '',
      lowIncomePerson: '',
      disabledLevel: '',
      str: '',
      idcardNumber: '',
      modal1: false,
      modal5: false,
      modal6: false,
      pic_preview_mol: false,
      modal_loading: false,
      tab_index: 0,
      temp_photo: '',
      // 图片要件预览弹出框控制器
      picPreviewMol: {
        preShow: false,
        pic_urls: [],
        picIndex: 0
      },
      currentPageNo: 1,
      currentPageSize: 10,
      totalnum: 0,
      register: '',
      obj: {},
      num: 0,
      num7: 0,
      num1: 0,
      num3: 0,
      num9: 0,
      num6: 0,
      num5: 0,
      dateTime: '',
      searchDate: {
        name: '',
        code: '',
        start_time: '',
        end_time: ''
      },
      value6: '',
      res: '',
      columns1: [
        {
          title: '序号',
          type: 'index',
          width: 60,
          align: 'center'

        },
        {
          title: '事项名称',
          key: 'title',
          align: 'center',
          width: 190

        },
        {
          title: '业务编号',
          key: 'code',
          align: 'center',
          width: 150
        },
        {
          title: '申请人',
          key: 'name',
          align: 'center',
          width: 80
        },

        {
          title: '身份证号',
          key: 'cardno',
          align: 'center',
          width: 180
        },
        {
          title: '补贴金额',
          key: 'shorhl',
          align: 'center',
          width: 90
        },
        {
          title: '状态',
          key: 'state',
          align: 'center',
          width: 90,
          render: (h, params) => {
            return h('span', this.formatStatus(params.row.state))
          }
        },
        {
          title: '超时状态',
          slot: 'check_state',
          align: 'center',
          width: 90
        },
        {
          title: '申请时间',
          key: 'create_time',
          align: 'center',
          width: 100
        },
        {
          title: '操作',
          key: 'action',
          width: 110,
          align: 'center',
          render: (h, params) => {
            let temp = []
            temp.push(
              h('Button', {
                props: {
                  type: 'primary',
                  size: 'small'
                },
                style: { marginRight: '5px' },
                on: {
                  click: () => {
                    // this.remove(params.index)
                    this.order_code = params.row.code
                    this.order_state = params.row.state
                    this.order_check_state = params.row.check_state
                    console.log(this.order_code, 'order_code')
                    console.log(this.order_state, 'order_state')
                    this.changemodel(params.row)
                    console.log(params)
                    this.getUserDbInfo(params.row)
                    this.censusregister(params.row)
                    this.deads(params.row)
                  }
                }
              }, '查看详情')
            )
            if (params.row.state === '3') {
              // temp.push(
              //   h('Button', {
              //     props: { type: 'success', size: 'small' },
              //     style: { marginRight: '5px' },
              //     on: {
              //       click: () => {
              //         this.passMj(params.row)
              //       }
              //     }
              //   }, '通过')
              // )
            } else if (params.row.state === '9') {
              // temp.push(
              //   h('Button', {
              //     props: {
              //       type: 'error',
              //       size: 'small'
              //     },
              //     on: {
              //       click: () => {
              //         // this.rejectMj(params.row.code)
              //         this.order_code = params.row.code
              //         this.modal6 = true
              //       }
              //     }
              //   }, '驳回')
              // )
            }
            return h('div', temp)
          }
        }
      ],
      data6: [],
      itemData: {},
      personinfo: {},
      // 页面内其他的功能变量
      formItem: {
        // 跳入当前页面时，需要的操作，1添加或编辑 2查看 3审核
        operation: '',
        // 上个页面带过来的按钮，目前只有审核有按钮
        buttons_list: {},
        // 上个页面带的按钮，功能能模态框
        fun_modal: { show: false },
        a: '低保残疾人',
        b: '生活补贴',
        reloadTabel: false,
        // 在点击申报材料后面按钮时，记录当前要件在列表的索引位置
        paramIndex: 0,
        radio: 'male',
        itemSubsidyFormShow: false,
        itemSubsidyFormTitle: '',
        itemInfoForm: {}, // 残疾人护理补贴申请表单
        dict: {
          't_file': '文件要件',
          't_form': '信息表单',
          'wt_images': '图片',
          'wt_form': '表单'
        }
      },
      documentlist: [],
      // 申报材料表头
      columns7: [
        { title: '序号', type: 'index', width: 70, align: 'center' },
        { title: '材料名称', key: 'name', width: 170 },
        { title: '是否必填', key: 'necessary_name', width: 170 },
        { title: '材料类型', key: 'type_name', width: 100 },
        { title: '是否提交', key: 'is_submit', width: 90 },
        { title: '备注', key: 'remark', width: 260 },
        {
          title: '操作',
          key: 'action',
          align: 'center',
          className: 'nopadding',
          render: (h, params) => {
            let temp = []
            if (params.row.write_type === 'images') {
              if (params.row.is_submit === '已提交' && params.row.seeState === false) {
                temp.push(
                  h('Button', {
                    props: { type: 'info', size: 'small' },
                    style: { marginRight: '5px' },
                    on: {
                      click: () => {
                        this.picPreviewMol.pic_urls = params.row.img_urls
                        this.picPreviewMol.preShow = true
                        this.picPreviewMol.picIndex = 0
                        this.formItem.paramIndex = params.index
                        params.row.seeState = true
                        this.documentlist[params.index].seeState = true
                      }
                    }
                  }, this.formItem.operation !== '1' ? '查看' : '预览')
                )
              } else if (params.row.is_submit === '已提交' && params.row.seeState === true) {
                temp.push(
                  h('Button', {
                    props: { type: 'primary', size: 'small' },
                    style: { marginRight: '5px' },
                    on: {
                      click: () => {
                        console.log('点击查看图片')
                        this.picPreviewMol.pic_urls = params.row.img_urls
                        this.picPreviewMol.preShow = true
                      }
                    }
                  }, this.formItem.operation !== '1' ? '查看(已阅)' : '预览')
                )
              }
            } else if (params.row.write_type === 'form') {
              if (params.row.is_submit === '已提交' && params.row.seeState === false) {
                temp.push(
                  h('Button', {
                    props: { type: 'info', size: 'small' },
                    style: { marginRight: '5px' },
                    on: {
                      click: () => {
                        this.formItem.itemSubsidyFormTitle = params.row.name
                        this.formItem.itemSubsidyFormShow = true
                        this.formItem.itemInfoForm = params.row.formData
                        this.formItem.itemInfoForm.name = this.personinfo.name || this.itemData.name
                        this.formItem.itemInfoForm.shbt = this.formItem.itemInfoForm.shbt / 100
                        this.formItem.itemInfoForm.hlbt = this.formItem.itemInfoForm.hlbt / 100
                        this.formItem.itemInfoForm.total = this.formItem.itemInfoForm.total / 100
                        params.row.seeState = true
                        this.documentlist[params.index].seeState = true
                      }
                    }
                  }, this.formItem.operation !== '1' ? '查看' : '编辑')
                )
              } else if (params.row.is_submit === '已提交' && params.row.seeState === true) {
                temp.push(
                  h('Button', {
                    props: { type: 'primary', size: 'small' },
                    style: { marginRight: '5px' },
                    on: {
                      click: () => {
                        this.formItem.paramIndex = params.index
                        this.formItem.itemSubsidyFormShow = true
                        this.popForm(params.row)
                      }
                    }
                  }, this.formItem.operation !== '1' ? '查看(已阅)' : '编辑')
                )
              } else {
                temp.push(
                  h('Button', {
                    props: { type: 'primary', size: 'small' },
                    style: { marginRight: '5px' },
                    on: {
                      click: () => {
                        this.formItem.paramIndex = params.index
                        this.popForm(params.row)
                      }
                    }
                  }, this.formItem.operation !== '1' ? '查看(已阅)' : '编辑')
                )
              }
            }
            return h('div', temp)
          }
        }
      ]
    }
  },
  methods: {
    ok () {
      /* this.$Message.info('Clicked ok') */
    },
    cancel () {
      /* this.$Message.info('Clicked cancel') */
    },
    show3 () {
      console.log(this.value5)
    },
    deads (param) {
      let data8 = { 'cardno': param.cardno }
      getFuneralInfo(data8).then(ret => {
        console.log(ret.data.data.result.data, '殡葬信息')
        if (ret.data.errcode === 0) {
          if (ret.data.data.result.data.hhsj === undefined) {
            this.dead = '未登记死亡'
          } else if (ret.data.data.result.data.hhsj !== undefined) {
            this.dead = '已登记死亡'
          }
          return
        }
        this.$Modal.error({
          title: '错误',
          content: ret.data.errmsg
        })
      })
    },
    censusregister (param) {
      let data8 = { 'IDcard': param.cardno, 'Name': param.name }
      getRegisterInfo(data8).then(ret => {
        if (ret.data.errcode === 0) {
          if (ret.data.data.result === '-1') {
            this.register = '非沈阳户籍地'
          } else if (ret.data.data.result === '0') {
            this.register = '沈阳有效户籍'
          } else if (ret.data.data.result === '1') {
            this.register = '户籍已删除'
          } else if (ret.data.data.result === '2') {
            this.register = '户籍被加锁'
          } else if (ret.data.data.result === '3') {
            this.register = '重错号'
          } else if (ret.data.data.result === '4') {
            this.register = '跨市重错号'
          } else if (ret.data.data.result === '6') {
            this.register = '持证'
          } else if (ret.data.data.result === '7') {
            this.register = '在逃犯'
          } else if (ret.data.data.result === '8') {
            this.register = '户籍已迁出沈阳'
          } else if (ret.data.data.result === '9') {
            this.register = '死亡'
          }
          return
        }
        this.$Modal.error({
          title: '错误',
          content: ret.data.errmsg
        })
      })
    },
    // 查询详情
    getUserDbInfo (item) {
      this.getUserInfo(item.cardno)
      this.getItemInfo(item.code)
      this.getLowPerson(item.cardno)
      this.getDisablePerson(item.cardno)
      this.getOrphanInfo(item.cardno)
      this.getDifficultyInfo(item.cardno)
      this.getOccupationalInfo(item.cardno)
    },
    // 详情页信息
    getUserInfo (cardno) {
      var param1 = {
        cardno: cardno
      }
      getuserinfobycardno(param1).then(ret => {
        if (ret.data.errcode === 0) {
          this.personinfo = ret.data.data
          this.personinfo.type = '身份证'
          this.personinfo.sex = this.getInfoByIdCard(cardno, 2)
          this.personinfo.birthday = this.getInfoByIdCard(cardno, 1)
          this.formItem.itemInfoForm.name = ret.data.data.name
          return
        }
        this.$Modal.error({
          title: '错误',
          content: ret.data.errmsg
        })
      })
    },
    // 获取事项基本信息
    getItemInfo (code) {
      var param = {
        code: code
      }
      eventInfo(param).then(ret => {
        if (ret.data.errcode === 0) {
          this.itemData = ret.data.data
          this.documentlist = ret.data.data.documentlist
          this.documentlist.forEach(element => {
            element.necessary_name = element.necessary === '1' ? '必填' : '非必填'
            if (element.write_type === 'images') {
              element.type_name = '图片要件'
              element['seeState'] = false
              if (element.img_url) {
                element.img_urls = element.img_url.split(',')
                element.is_submit = '已提交'
              } else {
                element.is_submit = '未提交'
              }
            } else if (element.write_type === 'form') {
              element.type_name = '表单'
              element['seeState'] = false
              if (element.formData.apply_date) {
                element.is_submit = '已提交'
              } else {
                element.is_submit = '未提交'
              }
            }
          })
          console.log('要件数据', this.documentlist)
          return
        }
        this.$Modal.error({
          title: '错误',
          content: ret.data.errmsg
        })
      })
    },
    // 获取低保户信息
    getLowPerson (cardno) {
      // 查询是否是低保户
      var param1 = {
        'azcp0001': cardno,
        'idcardNumber': cardno,
        'serialNumber': this.str
      }
      getAssistanceInfo(param1).then(ret => {
        if (ret.data.errcode === 0) {
          if (ret.data.data.rescode === '0000') {
            var bzdx = this.formatLowPerson(ret.data.data.data.type)
            this.lowIncomePerson = bzdx
            return
          }
          this.lowIncomePerson = '非保障对象'
          this.$Modal.error({
            title: '错误',
            content: ret.data.data.memo
            /* onOk: () => {
              this.modal1 = false
            } */
          })
          return
        }
        this.$Modal.error({
          title: '错误',
          content: ret.data.errmsg,
          onOk: () => {
            this.modal1 = false
          }
        })
      })
    },
    // 获取残疾人信息
    getDisablePerson (cardno) {
      var param2 = {
        cardno: cardno
      }
      findCanlian(param2).then(ret => {
        console.log('hfjdahfj', ret)
        if (ret.data.errcode === 0) {
          if (ret.data.data.length === 0) {
            this.disabledPerson = '非残疾人'
            this.disabledLevel = ''
          } else {
            this.disabledPerson = ret.data.data[0].DISABLED_TYPE_NAME
            this.disabledLevel = ret.data.data[0].DISABLED_LEVEL + '残疾'
          }
          return
        }
        this.$Modal.error({
          title: '错误',
          content: ret.data.errmsg,
          onOk: () => {
            // this.modal1 = false
          }
        })
      })
    },
    // 获取是否是孤儿信息
    getOrphanInfo (cardno) {
      let param = { 'cardno': cardno }
      getOrphanByCard(param).then(res => {
        if (res.data.errcode === 0) {
          console.log(res.data.data, '孤儿数据')
          if (res.data.data.cardno) {
            this.orphan = '是孤儿人员'
          } else {
            this.orphan = '非孤儿人员'
          }
          return
        }
        this.$Modal.error({
          title: '错误',
          content: res.data.errmsg,
          onOk: () => {
            // this.modal1 = false
          }
        })
      })
    },
    isEmptyObject (obj) {
      for (var key in obj) {
        console.log(key + '' + obj[key])
        break
        // return false
      }
      return true
    },
    // 获取是否是特困供养人员
    getDifficultyInfo (cardno) {
      let param = { 'cardno': cardno }
      getDifficultyByCard(param).then(res => {
        if (res.data.errcode === 0) {
          if (res.data.data.cardno) {
            this.povertyStricken = '纳入特困人员供养保障'
          } else {
            this.povertyStricken = '非纳入特困人员供养保障'
          }
          return
        }
        this.$Modal.error({
          title: '错误',
          content: res.data.errmsg,
          onOk: () => {
            // this.modal1 = false
          }
        })
      })
    },
    // 查询是否为工伤护理人员
    getOccupationalInfo (cardno) {
      let param = { 'cardno': cardno }
      console.log(this.cardno)
      getOccupationalInfo(param).then(ret => {
        let result = ret.data.data
        if (result.res === '有数据') {
          this.injuryOnJob = '工伤人员'
        } else {
          this.injuryOnJob = '非工伤人员'
        }
      })
    },
    // 切换tab页
    changeTab (name) {
      this.currentPageNo = 1
      this.currentPageSize = 10
      this.all(this.tab_index)
    },
    changemodel (data) {
      this.modal1 = true
      this.obj = data
    },
    // 街道初审列表
    all (state) {
      this.searchDate.start_time = date2str(this.dateTime[0])
      this.searchDate.end_time = date2str(this.dateTime[1])
      let data5 = {}
      if (state === 'search') {
        data5 = {
          pageSize: this.currentPageSize,
          pageNo: 1,
          name: this.searchDate.name,
          code: this.searchDate.code,
          create_time_start: this.searchDate.start_time,
          create_time_end: this.searchDate.end_time,
          state: ''
        }
      } else {
        data5 = {
          pageSize: this.currentPageSize,
          pageNo: this.currentPageNo,
          name: this.searchDate.name,
          code: this.searchDate.code,
          create_time_start: this.searchDate.start_time,
          create_time_end: this.searchDate.end_time,
          state: state
        }
      }
      getstreelist(data5).then(ret => {
        if (state === '7') {
          this.num7 = ret.data.data.totalRecord
        } else if (state === '1') {
          this.num1 = ret.data.data.totalRecord
        } else if (state === '3') {
          this.num3 = ret.data.data.totalRecord
        } else if (state === '9') {
          this.num9 = ret.data.data.totalRecord
        } else if (state === '6') {
          this.num6 = ret.data.data.totalRecord
        } else if (state === '5') {
          this.num5 = ret.data.data.totalRecord
        } else if (state === '') {
          this.num = ret.data.data.totalRecord
        }
        this.totalnum = ret.data.data.totalRecord
        this.data6 = ret.data.data.results
      })
    },
    change (pageNo) {
      console.log(pageNo, 'pageNopageNopageNo')
      this.currentPageNo = pageNo
      this.all('')
    },
    // 通过
    pass () {
      console.log(this.order_check_state)
      var param = {
        'code': this.order_code,
        'check_state': this.order_check_state
      }
      this.agreeFlag = true
      console.log(this.documentlist, '111111')
      if (confirm('确定通过吗')) {
        for (var i = 0; i < this.documentlist.length; i++) {
          if (this.documentlist[i].seeState === false && this.documentlist[i].necessary_name === '必填') {
            this.agreeFlag = false
            this.$Modal.error({
              title: '错误',
              content: '要件未审核完毕,不可直接通过'
            })
          }
        }
        if (this.agreeFlag === true) {
          streetAgree(param).then(ret => {
            if (ret.data.errcode === 0) {
              this.$Message.success('街道审核通过')
              this.modal1 = false
              this.all('')
              // this.updateNumber()
              return
            }
            this.$Modal.error({
              title: '错误',
              content: ret.data.errmsg
            })
          })
        }
      }
    },
    // 民政局通过后街道点击通过通知社区
    passMj (param) {
      let code = param.code
      let cardno = param.cardno
      if (confirm('确定通过吗?')) {
        findCanlian({ 'cardno': cardno }).then(ret => {
          if (ret.data.errcode === 0) {
            if (ret.data.data.length === 0) {
              this.disabledPerson = '非残疾人'
              this.disabledLevel = ''
            } else {
              this.disabledPerson = ret.data.data[0].DISABLED_TYPE_NAME
              this.disabledLevel = ret.data.data[0].DISABLED_LEVEL + '残疾'
            }
            // 调用低保
            var param1 = {
              'azcp0001': cardno,
              'idcardNumber': cardno,
              'serialNumber': this.str
            }
            getAssistanceInfo(param1).then(ret => {
              if (ret.data.errcode === 0) {
                if (ret.data.data.rescode === '0000') {
                  var bzdx = this.formatLowPerson(ret.data.data.data.type)
                  this.lowIncomePerson = bzdx
                  updateMzStreetAgree({ 'code': code, 'disablity_level': this.disabledLevel, 'disabledPerson': this.disabledPerson, 'lowIncomePerson': this.lowIncomePerson }).then(ret => {
                    if (ret.data.errcode === 0) {
                      this.$Message.success('通过成功')
                      this.all('')
                      // this.updateNumber()
                      return
                    }
                    this.$Modal.error({
                      title: '错误',
                      content: ret.data.errmsg
                    })
                  })
                  return
                }
                this.lowIncomePerson = '非保障对象'
                this.$Modal.error({
                  title: '错误',
                  content: ret.data.data.memo
                  /* onOk: () => {
                     this.modal1 = false
                     } */
                })
                return
              }
              this.$Modal.error({
                title: '错误',
                content: ret.data.errmsg,
                onOk: () => {
                  this.modal1 = false
                }
              })
            })
            return
          }
          this.$Modal.error({
            title: '错误',
            content: ret.data.errmsg,
            onOk: () => {
              // this.modal1 = false
            }
          })
        })
      }
    },
    // 民政局驳回后街道点击驳回通知社区
    rejectMj (code) {
      var param = {
        'code': this.order_code,
        'err_reason': this.value6,
        'check_state': this.order_check_state
      }
      if (confirm('确定驳回吗')) {
        mzStreetRefuse(param).then(ret => {
          if (ret.data.errcode === 0) {
            this.$Message.success('驳回成功')
            this.modal6 = false
            this.all('')
            // this.updateNumber()
            return
          }
          this.$Modal.error({
            title: '错误',
            content: ret.data.errmsg
          })
        })
      }
    },
    reject () {
      this.modal5 = true
    },
    saveReject () {
      var param = {
        'code': this.order_code,
        'err_reason': this.value6,
        'check_state': this.order_check_state
      }
      if (confirm('确定驳回吗')) {
        stateRefuse(param).then(ret => {
          if (ret.data.errcode === 0) {
            this.$Message.success(ret.data.data)
            this.modal5 = false
            this.modal1 = false
            this.all('')
            // this.updateNumber()
            return
          }
          this.$Modal.error({
            title: '错误',
            content: ret.data.errmsg
          })
        })
      }
    },
    // 状态过滤
    formatStatus (val) {
      return val === '7' ? '街道待审核' : val === '1' ? '街道已通过' : val === '3' ? '区(县)民政局已通过' : val === '9' ? '残联已驳回' : val === '6' ? '办结成功' : val === '5' ? '办结失败' : val === '4' ? '民政局已驳回' : val === '2' ? '街道已驳回' : val === '8' ? '残联已通过' : ''
    },
    // 低保对象过滤
    formatLowPerson (val) {
      return val === '1010' ? '城市低保对象' : val === '1020' ? '城市边缘户对象' : val === '1030' ? '农村低保对象' : val === '1040' ? '农村边缘户对象' : val === '9999' ? '非保障对象' : ''
    },
    // 查询列表数量
    findNum (str) {
      let _this = this
      getstreelist({ 'state': str }).then(ret => {
        if (ret.data.errcode === 0) {
          setTimeout(function () {
            _this.setNumber(ret.data.data.totalRecord, str)
          }, 3000)
        }
      })
    },
    setNumber (total, str) {
      if (str === '7') {
        this.num7 = total
      } else if (str === '1') {
        this.num1 = total
      } else if (str === '3') {
        this.num3 = total
      } else if (str === '9') {
        this.num9 = total
      } else if (str === '6') {
        this.num6 = total
      } else if (str === '5') {
        this.num5 = total
      }
    },
    // 查看图片原图功能
    originalGraph () {
      window.open(this.picPreviewMol.pic_urls[this.picPreviewMol.picIndex])
    },
    getInfoByIdCard (UUserCard, num) {
      if (num === 1) {
        // 获取出生日期
        let birth = ''
        birth = UUserCard.substring(6, 10) + '-' + UUserCard.substring(10, 12) + '-' + UUserCard.substring(12, 14)
        return birth
      }
      if (num === 2) {
        // 获取性别
        if (parseInt(UUserCard.substr(16, 1)) % 2 === 1) {
          // 男
          return '男'
        } else {
          // 女
          return '女'
        }
      }
      if (num === 3) {
        // 获取年龄
        var myDate = new Date()
        var month = myDate.getMonth() + 1
        var day = myDate.getDate()
        var age = myDate.getFullYear() - UUserCard.substring(6, 10) - 1
        if ((UUserCard.substring(10, 12) < month || UUserCard.substring(10, 12) === month) && UUserCard.substring(12, 14) <= day) {
          age++
        }
        return age
      }
    }
    // updateNumber () {
    //   this.findNum('7')
    //   this.findNum('1')
    //   this.findNum('3')
    //   this.findNum('9')
    //   this.findNum('6')
    //   this.findNum('5')
    // }
  },
  mounted () {
    this.all('')
    // this.updateNumber()
    let timestamp = new Date().getTime().toString()
    var str1 = Math.ceil(Math.random() * 10)
    var str2 = Math.ceil(Math.random() * 10)
    this.str = str1 + timestamp + str2
  }
}
</script>
